
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: 0;
    -webkit-tap-highlight-color: transparent
}

html {
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
}

body,
html {
    height: 100%;
    background-color: #f4f4f4;
    background: rgb(84,73,73);
    background: linear-gradient(0deg, rgba(84,73,73,1) 0%, rgba(193,188,188,1) 100%);
}
.container{
    height: 100vh;
    width: 80vw;
    background: rgba(255,255,255,0);
    word-wrap:break-word;
    overflow-y: auto;
}
.container::-webkit-scrollbar {
    display: none;
}

@media (max-width:500px) {
    .container{
        height: 60vh;
        width: 100vw;
        background: rgba(255,255,255,0);
    }
    .bagua{
        position: fixed;
        top: 65vh;
        margin: 0 auto;
    }
}